<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en">
<head>
    <meta http-equiv="Access-Control-Allow-Origin" content="*"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
    <meta charset="UTF-8"/>
    <title>Title</title>
    <link href="../static/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="../static/css/style.css" rel="stylesheet"/>
</head>
<body class="api-add-body" data-spy="scroll" data-target=".directory" style="position: relative;">
<nav class="navbar navbar-default navbar-static-top" role="navigation">
    <div class="navbar-header">
    </div>
    <div class="container">
        <a class="navbar-brand" href="#">
            <span class="glyphicon glyphicon glyphicon-gift"></span> Benny
        </a>
        <ul class="nav navbar-nav">
            <li><a href="#">使用手册【待】</a></li>
            <li class="active"><a href="#">接口导出【待】</a></li>
            <li class="active"><a href="#">我的博客</a></li>
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">真的没啥 <span class="caret"></span></a>
                <ul class="dropdown-menu" role="menu">
                    <li><a href="#">你</a></li>
                    <li><a href="#">真</a></li>
                    <li><a href="#">是</a></li>
                    <li class="divider"></li>
                    <li><a href="#">有</a></li>
                    <li class="divider"></li>
                    <li><a href="#">才</a></li>
                </ul>
            </li>
        </ul>
        <!-- <form class="navbar-form navbar-left" role="search">
             <div class="form-group">
                 <input type="text" class="form-control" placeholder="Search">
             </div>
             <button type="submit" class="btn btn-default">Submit</button>
         </form>-->
        <a class="btn btn-info navbar-right btn navbar-btn" id="changeTheme">点我换肤</a>
    </div>
</nav>
<div class="container">
    <div class="row api-add">
        <div class="col-lg-12 col-md-12 col-sm-12">
            <div class="col-lg-10 col-md-10 col-sm-10">
                <div class="col-lg-12 col-md-12 col-sm-10">
                    <form class="form-horizontal" role="form">
                        <div class="form-group form-group-lg">
                            <label for="apiType" class="col-sm-2 control-label">接口分类</label>
                            <div class="col-sm-10">
                                <input type="email" class="form-control" id="apiType" placeholder="请填写接口分类名字"
                                       tabindex="1"/>
                            </div>
                        </div>
                        <div class="form-group form-group-lg">
                            <label for="apiTitle" class="col-sm-2 control-label">接口标题</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="apiTitle" placeholder="请填写接口标题"
                                       tabindex="2"/>
                            </div>
                        </div>
                        <div class="form-group form-group-lg">
                            <label for="apiSignature" class="col-sm-2 control-label">API 方法签名</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="apiSignature" placeholder="请填写接口方法签名"
                                       tabindex="3"/>
                            </div>
                        </div>
                        <div class="form-group form-group-lg">
                            <label for="apiDescription" class="col-sm-2 control-label">功能描述</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="apiDescription" placeholder="请填写接口功能描述"
                                       tabindex="4"/>
                            </div>
                        </div>
                        <div class="form-group form-group-lg">
                            <label for="apiRequestParam" class="col-sm-2 control-label">请求参数</label>
                            <div class="col-sm-6">
                                <input type="text" class="form-control" id="apiRequestParam"
                                       value="com.okjava.bean.ApiBean"
                                       placeholder="请填写接口请求参数" tabindex="5" required="required"/>
                            </div>
                            <div class="col-sm-4">
                                <a href="javascript:;" class="btn btn-info btn-lg btn-block"
                                   id="requestParamBtn">显示请求参数</a>
                            </div>
                        </div>
                        <div class="form-group form-group-lg">
                            <label for="apiResponseParam" class="col-sm-2 control-label">响应参数</label>
                            <div class="col-sm-6">
                                <input type="text" class="form-control" value="com.okjava.bean.ApiTypeBean"
                                       id="apiResponseParam" placeholder="请填写接口响应参数"
                                       tabindex="6"/>
                            </div>
                            <div class="col-sm-4">
                                <a href="javascript:;" class="btn btn-info btn-lg btn-block" id="responseParamBtn">显示响应参数</a>
                            </div>
                        </div>
                        <div class="form-group form-group-lg">
                            <label for="apiDemo" class="col-sm-2 control-label">返回示例</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="apiDemo" placeholder="请填写接口返回示例"
                                       tabindex="7"/>
                            </div>
                        </div>
                        <div class="form-group form-group-lg">
                            <label for="apiRemark" class="col-sm-2 control-label">备注</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="apiRemark" placeholder="请填写接口备注"
                                       tabindex="8"/>
                            </div>
                        </div>
                        <div class="form-group form-group-lg">
                            <div class="col-sm-offset-2 col-sm-10">
                                <button type="submit" class="btn btn-info btn-lg btn-block">确认添加</button>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="col-lg-12 col-md-12 col-sm-12" id="paramTable"></div>
            </div>
            <div class="col-lg-2 col-md-2 col-sm-2">
                <div class="directory">
                    <ul class="nav nav-tabs nav-pills nav-stacked affix">
                        <li><a role="presentation" href="#"> Cras justo odio </a></li>
                        <li><a role="presentation" href="#part1">Dapibus ac facilisis in</a></li>
                        <li><a role="presentation" href="#part2">什么鬼</a></li>
                        <li><a role="presentation" href="#part3">Porta ac consectetur ac</a></li>
                        <li><a role="presentation" href="#part4">Vestibulum at eros</a></li>
                        <li><a href="javascript:;" onclick="">返回顶部</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--主题选择器 Start-->
    <div class="theme-panel">
        <div class="container-fluid">
            <div class="theme-header">
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 col-lg-push-1">
                            选择皮肤
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 col-lg-push-1">
                            <a href="javascript:;" onclick="hide_image_Carousel()">
                                <span class="glyphicon glyphicon-remove"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="theme-container">
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <div class="img-bg col-lg-6 col-md-6 col-sm-6 col-xs-12 col-lg-push-1">
                            <div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 col-lg-push-1">
                            <div class="img-bg-prev">
                                <img src="../static/images/bg-prev/bg-prev.png" alt="..."/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="theme-footer">
                <div class="row">
                    <div class="col-lg-12 text-center">
                        <button type="button" class="btn btn-primary" bgsrc="" onclick="changeBackgroundImg(this)">
                            <span class="glyphicon glyphicon-ok"></span> 确定
                        </button>
                        <button type="button" class="btn btn-default" onclick="hide_image_Carousel()">
                            <span class="glyphicon glyphicon-remove"></span> 取消
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--主题选择器 End-->

    <!--<div class="row col-lg-6 col-md-6 col-lg-offset-3 col-md-offset-3 navbar-fixed-bottom" id="image_Carousel">
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            &lt;!&ndash; Indicators &ndash;&gt;
            <ol class="carousel-indicators" id="dot-list">

            </ol>

            &lt;!&ndash; Wrapper for slides &ndash;&gt;
            <div class="carousel-inner" role="listbox" id="image-list">
                &lt;!&ndash;<div class="item active">
                    <img src="../static/images/bg/school.png" alt="..."/>
                    <div class="carousel-caption"> </div>
                </div>&ndash;&gt;
            </div>
            &lt;!&ndash; Controls &ndash;&gt;
            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>
    </div>-->
</div>

<script type="text/javascript" src="../../static/js/jquery-3.1.0.min.js"></script>
<script type="text/javascript" src="../../static/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../../static/js/jquery.pin.min.js"></script>
<script type="text/javascript" src="../../static/js/function/api-add.js"></script>
<script type="text/javascript">
$(".directory").pin()
</script>
</body>
</html>
